<div class="parent">
    <span class="child">居中</span>
 </div>

<style>
    .parent {
      background-color: rgb(87, 133, 219);
      text-align: center; /* 水平居中 */
    }
    .child {
      color: #fff;
      background-color: rgb(197, 90, 188);
    }
</style>